<template>
  <div class="index">
    <grid :show-lr-borders="false" :show-vertical-dividers="false" :cols="3">
      <grid-item  :key="1" :link="1">
        <img slot="icon" src="~assets/images3/icon-gongdan@3x.png">
        <span slot="label">我的工单</span>
      </grid-item>
      <grid-item  :key="2" :link="2">
        <img slot="icon" src="~assets/images3/icon-beijian@3x.png">
        <span slot="label">我的备件</span>
      </grid-item>
      <grid-item  :key="3" :link=" '/expense/requestList'">
        <img slot="icon" src="~assets/images3/icon-shenqing@3x.png">
        <span slot="label">费用申请</span>
      </grid-item>
      <grid-item  :key="4" :link="'/expense/expenseList'">
        <img slot="icon" src="~assets/images3/icon-baoxiao@3x.png">
        <span slot="label">费用报销</span>
      </grid-item>
      <grid-item  :key="5" :link="'/expense/approvalList'">
        <img slot="icon" src="~assets/images3/icon-shenpi@3x.png">
        <span slot="label">审批中心</span>
      </grid-item>
    </grid>
  </div>
</template>

<script>
  import {Grid, GridItem} from 'vux'
  export default {
    name: "index",
    components: {
      Grid, GridItem
    },
    data() {
      return {
      }
    },

  }
</script>

<style lang="less">
  .index {
    .vux-grid-no-lr-borders {
      > a {
        text-decoration: none;
        .weui-grid__icon {
          height: 56px;
          width: 56px;
        }
      }
    }
    .weui-grids:before {
      border-top: none;
    }
    .weui-grid:after {
      border-bottom: none;
    }
  }
</style>
